<template>
  <div>
     <Slot class="slot_list">
        <div @click="onClickReturn"><van-icon name="arrow-left" /></div>
        <div>砍价列表</div>
        <div></div>
      </Slot>
        <div class="selecumn">
              <div v-for="(item,index) in data" :key="index" 
      @click="onClickSeleCumn(item)">
          <img :src="item.pic" alt="" class="sele_img">
      </div>
        </div>
      
  </div>
</template>

<script>
import Slot from "../components/slot/slot";
export default {
    components:{
        Slot
    },
    data(){
        return{
            data:JSON.parse(localStorage.getItem("list1"))||[],
        }
    },
    mounted(){
        // this.data = this.$route.query.list
        console.log(this.$route.query.list);
    },
    methods:{
        onClickSeleCumn(item){
            this.$router.push({
                path:this.$myRouter.PathConfig.ARTICLE,
                query:{
                    id:item.id
                }
            })
        },
        onClickReturn(){
            this.$router.go(-1)
        }
    }
}
</script>

<style>
.sele_img
{
    width:100%;
    height:250px;
}
.slot_list
{
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid black;
  position: fixed;
  top: 0;
  left: 0;
  background: white;
}
.selecumn
{
    margin-top: 50px;
}
</style>